<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="3f438acb1f22463992c6815a0ec87780" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_3f438acb1f22463992c6815a0ec87780 = echarts.init(
            document.getElementById('3f438acb1f22463992c6815a0ec87780'), 'white', {renderer: 'canvas'});
        var option_3f438acb1f22463992c6815a0ec87780 = {
    "baseOption": {
        "series": [
            {
                "type": "bar",
                "name": "\u4e2a\u4eba\u8d22\u5bcc",
                "data": [
                    2701.1,
                    2545.5,
                    1958.6,
                    1824.3,
                    1689.9,
                    1640.4,
                    1499.0,
                    1216.2,
                    1173.8,
                    1145.5
                ],
                "barCategoryGap": "20%",
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": false,
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "bottom": "-5px",
            "data": [
                "2017\u5e74",
                "2018\u5e74",
                "2019\u5e74"
            ]
        },
        "xAxis": [
            {
                "show": true,
                "scale": false,
                "nameLocation": "end",
                "nameGap": 15,
                "gridIndex": 0,
                "inverse": false,
                "offset": 0,
                "splitNumber": 5,
                "minInterval": 0,
                "splitLine": {
                    "show": false,
                    "lineStyle": {
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    }
                },
                "data": [
                    "\u9a6c\u4e91",
                    "\u9a6c\u5316\u817e",
                    "\u8bb8\u5bb6\u5370",
                    "\u5b59\u98d8\u626c\u5bb6\u65cf",
                    "\u6768\u60e0\u598d\u5bb6\u65cf",
                    "\u4f55\u4eab\u5065\u5bb6\u65cf",
                    "\u9ec4\u5ce5",
                    "\u4e01\u78ca",
                    "\u79e6\u82f1\u6797\u5bb6\u65cf",
                    "\u5f20\u4e00\u9e23"
                ]
            }
        ],
        "yAxis": [
            {
                "show": true,
                "scale": false,
                "nameLocation": "end",
                "nameGap": 15,
                "gridIndex": 0,
                "inverse": false,
                "offset": 0,
                "splitNumber": 5,
                "minInterval": 0,
                "splitLine": {
                    "show": false,
                    "lineStyle": {
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    }
                }
            }
        ]
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "\u4e2a\u4eba\u8d22\u5bcc"
                    ],
                    "selected": {
                        "\u4e2a\u4eba\u8d22\u5bcc": true
                    },
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14
                }
            ],
            "series": [
                {
                    "type": "bar",
                    "name": "\u4e2a\u4eba\u8d22\u5bcc",
                    "data": [
                        313.0,
                        312.0,
                        283.0,
                        249.0,
                        244.0,
                        173.0,
                        159.0,
                        150.0,
                        150.0,
                        140.0
                    ],
                    "barCategoryGap": "20%",
                    "label": {
                        "show": true,
                        "position": "top",
                        "margin": 8
                    }
                }
            ],
            "xAxis": [
                {
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": false,
                        "lineStyle": {
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "data": [
                        "\u738b\u5065\u6797",
                        "\u674e\u5609\u8bda",
                        "\u9a6c\u4e91",
                        "\u9a6c\u5316\u817e",
                        "\u674e\u5146\u57fa",
                        "\u4e01\u78ca",
                        "\u738b\u536b",
                        "\u90ed\u70b3\u6c5f\uff0c\u90ed\u70b3\u8054",
                        "\u5218\u92ae\u96c4",
                        "\u738b\u6587\u94f6"
                    ]
                }
            ],
            "title": [
                {
                    "text": "2017\u5e74\u8d22\u5bcc\u699cTOP10",
                    "subtext": "\u4ebf/\u7f8e\u5143",
                    "padding": 5,
                    "itemGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u4e2a\u4eba\u8d22\u5bcc"
                    ],
                    "selected": {
                        "\u4e2a\u4eba\u8d22\u5bcc": true
                    },
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14
                }
            ],
            "series": [
                {
                    "type": "bar",
                    "name": "\u4e2a\u4eba\u8d22\u5bcc",
                    "data": [
                        2387.4,
                        2263.2,
                        2125.2,
                        1566.3,
                        1345.5,
                        1179.9,
                        1028.1,
                        1007.4,
                        979.8,
                        931.5
                    ],
                    "barCategoryGap": "20%",
                    "label": {
                        "show": true,
                        "position": "top",
                        "margin": 8
                    }
                }
            ],
            "xAxis": [
                {
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": false,
                        "lineStyle": {
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "data": [
                        "\u9a6c\u4e91",
                        "\u9a6c\u5316\u817e",
                        "\u8bb8\u5bb6\u5370",
                        "\u738b\u5065\u6797",
                        "\u4f55\u4eab\u5065\u5bb6\u65cf",
                        "\u6768\u60e0\u598d",
                        "\u738b\u536b",
                        "\u674e\u5f66\u5b8f",
                        "\u674e\u4e66\u798f",
                        "\u4e01\u78ca"
                    ]
                }
            ],
            "title": [
                {
                    "text": "2018\u5e74\u8d22\u5bcc\u699cTOP10",
                    "subtext": "\u4ebf/\u7f8e\u5143",
                    "padding": 5,
                    "itemGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u4e2a\u4eba\u8d22\u5bcc"
                    ],
                    "selected": {
                        "\u4e2a\u4eba\u8d22\u5bcc": true
                    },
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14
                }
            ],
            "series": [
                {
                    "type": "bar",
                    "name": "\u4e2a\u4eba\u8d22\u5bcc",
                    "data": [
                        2701.1,
                        2545.5,
                        1958.6,
                        1824.3,
                        1689.9,
                        1640.4,
                        1499.0,
                        1216.2,
                        1173.8,
                        1145.5
                    ],
                    "barCategoryGap": "20%",
                    "label": {
                        "show": true,
                        "position": "top",
                        "margin": 8
                    }
                }
            ],
            "xAxis": [
                {
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": false,
                        "lineStyle": {
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "data": [
                        "\u9a6c\u4e91",
                        "\u9a6c\u5316\u817e",
                        "\u8bb8\u5bb6\u5370",
                        "\u5b59\u98d8\u626c\u5bb6\u65cf",
                        "\u6768\u60e0\u598d\u5bb6\u65cf",
                        "\u4f55\u4eab\u5065\u5bb6\u65cf",
                        "\u9ec4\u5ce5",
                        "\u4e01\u78ca",
                        "\u79e6\u82f1\u6797\u5bb6\u65cf",
                        "\u5f20\u4e00\u9e23"
                    ]
                }
            ],
            "title": [
                {
                    "text": "2019\u5e74\u8d22\u5bcc\u699cTOP10",
                    "subtext": "\u4ebf/\u7f8e\u5143",
                    "padding": 5,
                    "itemGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        }
    ]
};
        chart_3f438acb1f22463992c6815a0ec87780.setOption(option_3f438acb1f22463992c6815a0ec87780);
    </script>
</body>
</html>
